<template>
  <div>
    <div class="lunbohe">
      <el-row >
           <el-col :span="16">
            <div class="block" style="height: 326px;" > 
               <el-carousel >
                 <el-carousel-item >
                   <!-- <img :src="'../assets/image/banner'+item+'.png'" alt=""> -->
                   <img src="../assets/image/banner.png" alt="">
                   
                 </el-carousel-item>
                 <el-carousel-item >
                   <!-- <img :src="'../assets/image/banner'+item+'.png'" alt=""> -->
                   <img src="../assets/image/banner1.jpg" alt="">
                   
                 </el-carousel-item>
               </el-carousel>
             </div>
           </el-col>
           <el-col :span="8">
              <div class="dengluyemian">
                <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="70px" class="demo-ruleForm">
                     <el-form-item label="账号" prop="userid">
                     <el-input v-model="ruleForm.userid"></el-input>
                     </el-form-item>
                     <el-form-item label="密码" prop="userpd" >
                     <el-input v-model="ruleForm.userpd" type="password"></el-input>
                     </el-form-item>
                     <div class="denglutijiao123">
                         <div class="denglutijiao">登录</div>
                         <div class="denglutijiao">供应商登录</div>
                    </div>
                </el-form>
              </div>
           </el-col>
      </el-row>
    </div>
    <div class="lubo2">
      <el-row>
        <er-col :span="16">
          <div class="zuo1">
            <div class="zuo1-1-1">
              招聘信息
            </div>
            <div class="zuo1-1-2">
              更多
            </div>
          </div>
        </er-col>
        <er-col :span="8">
          
        </er-col>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {
    data(){
      return{
        ruleForm:{
          userid:'',
          userpd:''
        },
        rules: {
          userid: [
            { required: true, message: '账号不能为空', trigger: 'blur' },
            { min: 3, max: 20, message: '长度在 3 到 5 个字符', trigger: 'blur' }
          ],
          userpd: [
            { required: true, message: '密码不能为空', trigger: 'blur' },
            { min: 3, max: 20, message: '长度在 3 到 5 个字符', trigger: 'blur' }
          ],
      }
    }
      
}
}
</script>

<style>
.dengluyemian{
  border: 1px solid white;
  background-color: white;
  margin-left: 20px;
 
    padding: 20px 30px;
    border-radius: 5px;
    height: 326px;
    box-sizing: border-box;
}
.denglutijiao{
  width: 100%;
  text-align: center;
  background-color: #078282;
  margin-bottom: 26px;
  height: 40px;
  line-height: 40px;
  color: white;
  
}
.el-carousel__container{
  height: 326px;
}
.denglutijiao123{
  margin-top: 75px;
}
.el-input__inner{
  height: 28px;
}

</style>